<template>
  <div>
    <select @change='getStatus' ref='status'>
      <option v-for='(item, index) in options' :key='index' :value ="item.value">{{item.label}}</option>
    </select>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: '本月新增'
    },
    num: {
      type: Number,
      default: 256
    }
  },
  methods: {
    getStatus () {
      this.$emit('changeStatus', this.$refs.status.value)
    }
  },
  data () {
    return {
      checkboxValue: '',
      options: [
        {
          value: '',
          label: '全部学员'
        },
        // {
        //   value: '0',
        //   label: '初始状态'
        // },
        {
          value: '1',
          label: '试课阶段'
        },
        {
          value: '2',
          label: '试课结束'
        },
        {
          value: '3',
          label: '跟进中'
        },
        {
          value: '4',
          label: '流失学员'
        },
        {
          value: '5',
          label: '正式学员'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
select{
  width: 100%;
  height: 0.88rem;
  option{
    // line-height: 0.88rem;
    // height: 0.88rem;
  }
}
</style>
